<script>
	import Content from "./content.vue"
	export default {
		name: "Tabs",
		data() {
			return {
				pans: []
			}
		},
		props: {
			currentIndex: {
				typr: [String, Number],
				default: "1"
			}
		},
		methods: {
			getIndex(index) {
				this.$emit("onIndex", index)
			}
		},
		render() {
			return ( <
				div >
				<
				ul class = "tab-header" > {
					this.$slots.default
				} < /ul> <
				Content pans = {
					this.pans
				}
				/> <
				/div>
			)
		}
	}
</script>

<style scoped>
	.tab-header {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0px;
		border-bottom: 2px solid #ededed;
	}
</style>
